$(function () {
    var flag1 = false
    $('.login_tabs div').click(function () {
        $(this).css({
            borderBottom: '3px solid #06f',
            fontWeight: 700
        }).siblings().css({
            borderBottom: '0',
            fontWeight: 400
        })
        $('.tel').removeClass('input_null')
        $('.password').removeClass('input_null')
        if ($(this).index() == 0) {
            $('.telephone_local').show()
            $('.shu').show()
            $('.password').prop('placeholder', '请输入6位短信验证码').prop('type', 'text').val('')
            $('.close_eye').css('display', 'none')
            $('.get_message').show()
            $('.forget_psd').text('接受语音验证码')
            $('.foreign_login').text('')
            $('.tel').on('focus', function () {
                $(this).prop('placeholder', '手机号').removeClass('input_null')
            })
            $('.tel').on('blur', function () {
                if ($(this).val() == '') {
                    $(this).prop('placeholder', '请输入手机号').addClass('input_null')
                }
            })
            $('.password').on('focus', function () {
                $(this).prop('placeholder', '请输入6位短信验证码').removeClass('input_null')
            })
            $('.password').on('blur', function () {
                if ($(this).val() == '') {
                    $(this).prop('placeholder', '请输入短信验证码').addClass('input_null')
                }
            })
        } else {
            if (!flag1) {
                $('.telephone_local').hide()
                $('.shu').hide()
                $('.foreign_login').text('海外手机号登录')
            } else {
                $('.foreign_login').text('邮箱账号登录')
            }
            $('.password').prop('placeholder', '密码').prop('type', 'password').val('')
            $('.close_eye').css('display', 'block')
            $('.get_message').hide()
            $('.forget_psd').text('忘记密码?')
            $('.tel').on('focus', function () {
                $(this).prop('placeholder', '手机号或邮箱').removeClass('input_null')
            })
            $('.tel').on('blur', function () {
                if ($(this).val() == '') {
                    $(this).prop('placeholder', '请输入手机号或邮箱').addClass('input_null')
                }
            })
            $('.password').on('focus', function () {
                $(this).prop('placeholder', '密码').removeClass('input_null')
            })
            $('.password').on('blur', function () {
                if ($(this).val() == '') {
                    $(this).prop('placeholder', '请输入密码').addClass('input_null')
                }
            })
        }
    })
    $('.no_psd_login').click()
    $('.close_eye').click(function () {
        $(this).toggleClass('open_eye')
        var value = $('.password').prop('type') == 'password' ? 'text' : 'password'
        $('.password').prop('type', value)
    })
    var flag = true
    $('.qr_code_toggle').click(function () {
        if (flag) {
            $(this).css({
                background: 'url(./images/密码登录.png) no-repeat',
                backgroundSize: '100% 100%'
            })
            $('.user_login').hide()
            $('.sweep_login').show()
            $('.img1').css({
                left: 0
            })
            $('.img2').hide()
            flag = false
        } else {
            $(this).css({
                background: 'url(./images/二维码登录.png) no-repeat',
                backgroundSize: '100% 100%'
            })
            $('.user_login').show()
            $('.sweep_login').hide()

            flag = true
        }
    })
    $('.telephone_local').on('focus', function () {
        $('.Select-list').show()
    })
    $('.telephone_local').on('blur', function () {
        $('.Select-list').hide()
    })
    $('.Select-list div').on('click', function () {
        $('.telephone_local').blur()
        $(this).parent().prev().text($(this).text())
    })

    $('.foreign_login').on('click', function () {
        if ($('.foreign_login').text() == '海外手机号登录') {
            $(this).text('邮箱账号登陆')
            $('.telephone_local').show()
            $('.shu').show()
            flag1 = true
        } else {
            $(this).text('海外手机号登录')
            $('.telephone_local').hide()
            $('.shu').hide()
            flag1 = false
        }
    })

    $('.qr_code').on('mouseover', function () {
        $('.img1').animate({
            left: -50
        }, 300)
        $('.img2').fadeIn(300)
    })

    $('.download_zhihu').on('click', function () {
        $('.download_app').hide()
    })


})